<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <script src="js/Jquery.js"></script>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }

        body{
            padding-top: 25px;
        }

        .re_div{
            border: 8px solid #EEEEEE;
            width: 900px;
            height: 500px;
            background-color: white;
            margin: auto;
        }

        .cLeft{
            float: left;
            margin: 15px;
        }
        #p1{
            color: #FFD026;
            font-size: 20px;
        }
        #p2{
            color: #A6A6A6;
            font-size: 20px;
        }
        .cCenter{
            float: left;
        }
        .td_left{
            width: 100px;
            height: 50px;
            text-align: right;
            color: #A6A6A6;
        }
        .td_right{
            padding-left: 50px;
            color: #A6A6A6;
        }
        #stuNo,#stuName,#classes,#dormno,#tel,#department,#stuNo{
            width: 251px;
            height: 32px;
            border: 1px solid #A6A6A6;
            /*    设置边框圆角*/
            border-radius: 10px;
            padding-left: 3px;
        }
        #checkcode{
            width: 110px;
        }
        #cheImg{
            height: 32px;
            vertical-align: middle;
        }
        #btn_modify{
            width: 100px;
            height: 40px;
            background-color: #FFD026;
            border: 1px solid #FFD026;
        }
        #btn_add{
            width: 100px;
            height: 40px;
            background-color: #FFD026;
            border: 1px solid #FFD026;
        }
        .cRight{
            font-size: 15px;
            margin: 15px;
            float: right;
        }
        .cRight p a{
            color: pink;
        }

    </style>
</head>
<body>
<div class="re_div">
    <div class="cLeft">
        <p id="p1">    修改    </p>
        <p id="p2">   修改学生信息     </p>
    </div>
    <div class="cCenter">
        <table>
            <tr>
                <td class="td_left"><label for="stuNo">学号</label></td>
                <td class="td_right"><input type="text" name="stuNo" id="stuNo"  placeholder="请输入学号" value=""></td>
            </tr>
            <tr>
                <td class="td_left"><label for="stuName">性名</label></td>
                <td class="td_right"><input type="text" name="username" id="stuName" placeholder="请输入姓名"></td>
            </tr>

            <tr>
                <td class="td_left"><label for="classes">班级</label></td>
                <td class="td_right"><input type="text" name="password" id="classes" placeholder="班级"></td>
            </tr>

            <tr>
                <td class="td_left"><label for="dormno">宿舍</label></td>
                <td class="td_right"><input type="text" name="email" id="dormno" placeholder="宿舍"></td>
            </tr>

            <tr>
                <td class="td_left"><label for="department">专业</label></td>
                <td class="td_right"><input type="text" name="name" id="department" placeholder="专业"></td>
            </tr>

            <tr>
                <td class="td_left"><label for="tel">手机号</label></td>
                <td class="td_right"><input type="tel" name="tel" id="tel" placeholder="请输入手机号"></td>
            </tr>

            <tr>
                <td class="td_left"><label>性别</label></td>
                <td class="td_right">
                    <input type="radio" name="gender" value="男"> 男
                    <input type="radio" name="gender" value="女"> 女
                </td>
            </tr>


            <tr>
                <td colspan="2" align="center"><input id="btn_modify" type="button" value="修改"></td>

            </tr>
        </table>
    </div>
    <div class="cRight">

    </div>
</div>
</body>
<script src="js/modify.js">
    // $(function (){
    //     var url=window.location.href
    //     var stuNo=url.split("stuNo=")[1];
    //     if(stuNo==null){
    //         $("#btn_modify").val("添加")
    //
    //         $("#btn_modify").click(save)
    //     }else {
    //         // readonly ="true"
    //         $("#stuNo").val(stuNo);
    //         $("#stuNo").attr('readonly','true');
    //
    //         $("#btn_modify").click(modify)
    //
    //     }
    //
    //     function IsEmpty(){
    //             if($("#stuNo").val()==null||$("#stuName").val()==null||$("#classes").val()==null||$("#dormno").val()==null||$("#tel").val()==null||$("#department").val()==null||$('input:radio[name="gender"]:checked').val()==null){
    //                 alert("信息不能为空")
    //                 return false
    //             }
    //             if ($("#stuName").val().length>32){
    //                 alert("用户名长度超出限制")
    //                 return false
    //             }
    //             if ($("#classes").val().length>50){
    //                 alert("班级长度超出限制")
    //                 return false
    //             }
    //             if ($("#department").val().length>50){
    //                 alert("专业长度超出限制")
    //                 return false
    //             }
    //
    //             if ($("#dormno").val().length>7){
    //                 alert("宿舍长度超出限制")
    //                 return false
    //             }
    //             if ($("#tel").val().length>11){
    //                 alert("电话长度超出限制")
    //                 return false
    //             }
    //             return true
    //     }
    //     function modify (){
    //         if (IsEmpty()==false)
    //             return
    //         $.ajax({
    //             url:"/UpdateStudent",
    //             type:"Post",
    //             data:{
    //                 "stuNo":$("#stuNo").val(),
    //                 "stuName":$("#stuName").val(),
    //                 "classes":$("#classes").val(),
    //                 "gender":$('input:radio[name="gender"]:checked').val(),
    //                 "department":$("#department").val(),
    //                 "dormno":$("#dormno").val(),
    //                 "tel":$("#tel").val(),
    //                 "photopath":""
    //             },
    //             success:function (data){
    //                 var jsonData=JSON.parse(data)
    //                 if(jsonData.msg=="ok"){
    //                     alert(jsonData.result)
    //                 }else {
    //                     alert(jsonData.result)
    //                 }
    //             },
    //             error:function (){
    //                 alert("出现错误！")
    //             }
    //         })
    //     }
    //     function save (){
    //
    //         if (IsEmpty()==false)
    //             return
    //         $.ajax({
    //             url:"/SaveStudent",
    //             type:"Post",
    //             data:{
    //                 "stuNo":$("#stuNo").val(),
    //                 "stuName":$("#stuName").val(),
    //                 "classes":$("#classes").val(),
    //                 "gender":$('input:radio[name="gender"]:checked').val(),
    //                 "department":$("#department").val(),
    //                 "dormno":$("#dormno").val(),
    //                 "tel":$("#tel").val(),
    //                 "photopath":""
    //             },
    //             success:function (data){
    //                 var jsonData=JSON.parse(data)
    //                 if(jsonData.msg=="ok"){
    //                     alert(jsonData.result)
    //                 }else {
    //                     alert(jsonData.result)
    //                 }
    //             },
    //             error:function (){
    //                 alert("出现错误！")
    //             }
    //         })
    //     }
    // })

</script>
</html>